import { Flex, Watermark } from 'antd'
import React from 'react'
import './index.scss'
import GradeChart from '@/components/GradeChart'
import Title from 'antd/es/typography/Title'
import _ from 'lodash'
export default function Pingfenpingji({ data }) {
    const chartBoxH = 360
    return (
            <Flex className='score-container' gap={12}>
                {/* <div className="chart-box" style={{ height: chartBoxH }}>
                    <Title className='name' level={5}>外部资信评分</Title>
                    <GradeChart score={_.round(data.score_info[0]?.composite_score,1)} iszh={true}/>
                </div>
                <div className="chart-box" style={{ height: chartBoxH }}>
                    <Title className='name' level={5}>司库综合评分</Title>
                    <GradeChart score={_.round(data.score_info[0]?.bank_score,1)} />
                </div> */}
                <div className="chart-box" style={{ height: chartBoxH }}>
                    <Title className='name' level={5}>外部资信评分</Title>
                    <GradeChart 
                        score={
                            data.score_info[0]?.composite_score != null
                            ? _.round(data.score_info[0].composite_score, 1)
                            : ' - '
                        } 
                        iszh={true}
                    />
                </div>
                <div className="chart-box" style={{ height: chartBoxH }}>
                    <Title className='name' level={5}>司库综合评分</Title>
                    <GradeChart 
                        score={
                            data.score_info[0]?.bank_score != null
                            ? _.round(data.score_info[0].bank_score, 1)
                            : ' - '
                        } 
                    />
                </div>
            </Flex>
    )
}
